<script setup lang="ts">
import { ref } from "vue";

const account = ref("admin");
const password = ref("");
const newPassword = ref("");
</script>

<template>
  <div>
    <el-form>
      <el-form-item>
        <el-input v-model="account" placeholder="账号" disabled />
      </el-form-item>
    </el-form>
    <div>
      <h3>账号: {{ account }}</h3>
      <input v-model="account" />
    </div>

    <div>
      <h3>密码： {{ password }}</h3>
      <input :value="password" @input="password = $event.target.value" />
    </div>

    <div>
      <h3>新密码： {{ newPassword }}</h3>
      <input :value="newPassword" @input="newPassword = $event.target.value" />
    </div>
  </div>
</template>

<style scoped>
.main {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
</style>
